﻿<%@ include file="/WEB-INF/views/framework/global.jsp" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>账号管理</title>
	<link rel="stylesheet" href="${path}/static/stylesheets/default_theme/framework.css" type="text/css">
</head>
<body class="kk">
	<ul class="nav nav-tabs g_navbar">
		<li class="active"><a href="#">创建账户</a></li>
	</ul>
	<div class="framework_container console_frame">
		<div class="kt_table table-responsive" data-default-operator="true">
		    <!-- 如何隐藏列？ data-column-hidden="true"-->
			<p class="cell" data-value="id" data-label="id" data-column-hidden="true" width="1%"></p>
			<p class="cell" data-value="name" data-label="账号名称" width="10%" ></p><!-- data-fn="nameLink" -->
			<p class="cell" data-value="roleLabels" data-label="角色" width="30%" ></p><!-- data-fn="nameLink" -->
			<p class="cell" data-value="status" data-label="状态"  width="7%" data-coldelist="ACCOUNT-STATUS"></p>
			<p class="cell" data-value="created" data-label="创建时间" width="10%"></p>
			<p class="cell" data-value="remark" data-label="备注" width="10%"></p>
		</div><br>

		<div class="row">
			<div class="col-md-12 rel">
				<section class="abs operation_bar">
					<button type="addBtn" class="btn btn-success" id="addBtn">添加教师</button>
				</section>
			</div>
		</div>
	</div><!-- /framework_container -->
	<script src="${cmpRoot}/account_index.js"></script>
	<script>
		// 创建功能
		$('#addBtn').click(function () {
			window.location.href = keter.reqRoot+'/add/';
		});

		// 用于调整iframe高度自适应
		(function ($) {
			var passHeight = function() {
				var instance = setInterval(function () {
					var constr = $('.kk');
					if (constr.length && constr.length > 0) {
						clearInterval(instance);
						setTimeout(function () {
							var bh = constr.outerHeight(true);
							window.top.location.hash = "#height=" + bh;
						}, 300);
					}
				}, 50);
			};
			passHeight();
		}) (jQuery);
	</script>
</body>
</html>
